<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

<meta name="description" content="">
<link rel="stylesheet" href="weui/lib/weui.min.css">
<link rel="stylesheet" href="weui/css/jquery-weui.min.css">
<link rel="stylesheet" type="text/css" href="weui/css/today_calendar.css"/>

<!--<link rel="stylesheet" href="weui/css/demos.css">-->
<title>工作皇历</title>



</head>
<body ontouchstart>

	<div class="page" >
	    <div class='panel'>
		      <div class='avatar'>
		         <div class="a_img"></div>
		      </div>
		      <div class="info">
		          <p class="nick" >哈哈哈</p>
		          <span >本黄历根据您的生辰八字专属定制</span>
		      </div>    
		      <div class="info">
		          <p class="nick" style="font-size: 12px;margin-top:10px;">今日运势</p>
		          <span style="color: #fff;font-size: 12px;margin-top:10px;">乾：甲子  丙寅  丁亥  甲辰</span>
		      </div>  
	    </div>
	    
	  	<div class="calendar" style="border: 1px solid #a0a0a0;">
	  		<div class="weui-cells weui-cells_form" style="display: none;">
		      	<div class="weui-cell">
			        <div class="weui-cell__hd"><label for="date3" class="weui-label">日期</label></div>
			        <div class="weui-cell__bd">
			          <input class="weui-input" id="date3" type="text">
			        </div>
			    </div>
		    </div>
		    <div id="inline-calendar" ></div>	
	  	</div>
	    
	  	<div class="today" >
	  		<div class="top">
	  			<div class="num">
		  			<div class="weui-flex">
						<div class="weui-flex__item">16</div>
					</div>
	  			</div>
		  		<div class="text">
		  			<div class="weui-flex">
						<div class="weui-flex__item">五月初十  星期六  第25周</div>
					</div>
					<div class="weui-flex">
						<div class="weui-flex__item">戊戌年【狗年】 戊戌月  丙戌日</div>
					</div>
		  			
		  		</div>
	  		</div>
	  		
	  		
	  		<div class="easy">
					<span>宜</span>
					<span>计划</span>
					<span>开会</span>
					<span>交易</span>
	  		</div>
	  		<div class="avoid">
					<span>忌</span>
					<span>商务</span>
					<span>加班</span>
					<span>执着</span>
	  		</div>
			
	  	</div>
	  
	  <div class="bottom">
		 	
		 	
		 	<div class="text-top">
			 	<div class="weui-flex">
			      <div class="weui-flex__item">【今日易发生事情类象】</div>
			     </div>
				<div class="weui-flex">
			      <div class="weui-flex__item">  所谓不知命无以为君子，此命非指宿命，实指天命，是说君子应该效法天行健，君子以自强不息的态度去面对人生。而八字算命术的应用，根本 </div>
			     </div>
			   
		 	</div>
		 	
		 	<div class="text-bottom">
			 	<div class="weui-flex">
			      <div class="weui-flex__item">【今日心态建议】</div>
			     </div>
				<div class="weui-flex">
			      <div class="weui-flex__item">  所谓不知命无以为君子，此命非指宿命，实指天命，是说君子应该效法天行健，君子以自强不息的态度去面对人生。而八字算命术的应用，根本 </div>
			     </div>
			   
		 	</div>
	  
		</div>
		<div class="footer">
			<p><img  width="28" height="15" src="images/logo.png"/>心鉴读书会</p>
			
		</div>
		
	    
	<div>
 <script src="weui/lib/jquery-2.1.4.js"></script>
<script src="weui/lib/fastclick.js"></script>
<script>
  $(function() {
    FastClick.attach(document.body);
  });
</script>
<script src="weui/js/jquery-weui.js"></script>
    <script>
     
      $("#date3").calendar({
        container: "#inline-calendar"
      });
    </script>

</body>
</html>

